@charset "utf-8";
//$width: 640px;
//@function w($w) {
//  @return $w/$width*100%;
//}

$font-size: 20px;
@function w($font) {
    @return $font/$font-size*(640/640)*1rem;
}
body,
html {
    font-size: 20px;
    width: 100%;
    height: 100%;
}
.content {
    width: 100%;
    height: 100%;
    background: #bf0c21;
    position: relative;
    .alert {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(123,2,7,0.5);
        .paibang {
            width: w(415px);
            height: w(250px);
            background: #e7c598;
            margin: 0 auto;
            border-radius: w(10px);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            .p_close {
                top: w(10px);
                right: w(10px);
                position: absolute;
                span {
                    color: #bf0c21;
                    font-size: w(40px);
                }
            }
             .btn {
                width: w(222px);
                height: w(30px);
                margin: 0 auto 10px;
                background: #bf0c21;
                border-radius: 5px;
                padding: 5px 0;
                text-align: center;
                color: #e7c598;
                font-size: 20px;
            }
        }
    }
       
    
    img {
        width: 100%;
        display: block;
        height: auto;
    }
}
